<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/vue/2.6.14/vue.min.js"></script><script type="text/javascript" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/index.min.js"></script><link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-ui/2.15.7/theme-chalk/index.min.css" />
    <meta name="author" content="lijinbo" />
    <title>228-服务端登录cookie写入</title>
    <script type="module" crossorigin src="../../../../static/js/228-index.html-1d2239d1.js"></script>
    <link rel="modulepreload" crossorigin href="../../../../static/common/modulepreload-polyfill-3cfb730f.js">
    <link rel="modulepreload" crossorigin href="../../../../static/common/page-53f648eb.js">
    <link rel="modulepreload" crossorigin href="../../../../static/common/RequestFetch-1e5fe91b.js">
  </head>

  <body>
    <div id="app">
      <el-form v-if="!isLogin" label-width="120px">
        <el-form-item label="用户名">
          <el-input v-model="userName"></el-input>
        </el-form-item>
        <el-form-item label="密码">
          <el-input v-model="password"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="loginHandle">登录</el-button>
        </el-form-item>
      </el-form>

      <el-result v-else icon="success" title="登录成功">
        <template slot="extra">
          <el-button type="info" @click="exitLogin">退出登录</el-button>
        </template>
      </el-result>
    </div>
    
  </body>
</html>
